<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml2/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<!-- http://www.dynamicdrive.com/dynamicindex17/ddaccordionmenu-apple.htm -->
<head>
<script type="text/javascript">
	function mostrarLeyenda(){
		leyenda=document.getElementById('leyenda');
		leyenda.style.display='block';
	}
	function ocultarLeyenda(){
		leyenda=document.getElementById('leyenda');
		leyenda.style.display='none';
	}
</script>
<script type="text/javascript"
	src="{{ url_for('static', filename='jquery.min.js') }}"></script>
<script type="text/javascript"
	src="{{ url_for('static', filename='ddaccordion.js') }}">
	/***********************************************
	 * Accordion Content script- (c) Dynamic Drive DHTML code library (www.dynamicdrive.com)
	 * Visit http://www.dynamicDrive.com for hundreds of DHTML scripts
	 * This notice must stay intact for legal use
	 ***********************************************/
</script>


<script type="text/javascript">
	ddaccordion.init({
		headerclass : "silverheader", //Shared CSS class name of headers group
		contentclass : "submenu", //Shared CSS class name of contents group
		revealtype : "mouseover", //Reveal content when user clicks or onmouseover the header? Valid value: "click", "clickgo", or "mouseover"
		mouseoverdelay : 200, //if revealtype="mouseover", set delay in milliseconds before header expands onMouseover
		collapseprev : true, //Collapse previous content (so only one open at any time)? true/false
		defaultexpanded : [ 0 ], //index of content(s) open by default [index1, index2, etc] [] denotes no content
		onemustopen : true, //Specify whether at least one header should be open always (so never all headers closed)
		animatedefault : false, //Should contents open by default be animated into view?
		persiststate : true, //persist state of opened contents within browser session?
		toggleclass : [ "", "selected" ], //Two CSS classes to be applied to the header when it's collapsed and expanded, respectively ["class1", "class2"]
		togglehtml : [ "", "", "" ], //Additional HTML added to the header when it's collapsed and expanded, respectively  ["position", "html1", "html2"] (see docs)
		animatespeed : "fast", //speed of animation: integer in milliseconds (ie: 200), or keywords "fast", "normal", or "slow"
		oninit : function(headers, expandedindices) { //custom code to run when headers have initalized
			//do nothing
		},
		onopenclose : function(header, index, state, isuseractivated) { //custom code to run whenever a header is opened or closed
			//do nothing
		}
	})
</script>


<style type="text/css">
.applemenu {
	margin: 5px 0;
	padding: 2px;
	width: auto; /*width of menu*/
	border: 1px solid #9A9A9A;
}

.applemenu div.silverheader a {
	background: black
		url("{{ url_for('static', filename='silvergradient.gif') }}") repeat-x
		center left;
	font: normal 16px Arial;
	color: white;
	display: block;
	position: relative;
	/*To help in the anchoring of the ".statusicon" icon image*/
	width: auto;
	padding: 5px 0;
	padding-left: 8px;
	text-decoration: none;
	padding: 5px 0;
}

.applemenu div.silverheader a:visited,.applemenu div.silverheader a:active
	{
	color: white;
	font: normal 12px Arial;
	margin: 5px;
}

.applemenu div.selected a,.applemenu div.silverheader a:hover {
	background-image:
		url("{{ url_for('static', filename='silvergradientover.gif') }}");
	color: white;
	font: normal 16px Arial;
}

.applemenu div.submenu { /*DIV that contains each sub menu*/
	padding: 5px;
	height: auto;
	font: normal 14px Arial;
	/*Height that applies to all sub menu DIVs. A good idea when headers are toggled via "mouseover" instead of "click"*/
}

.applemenu div.submenu2 { /*DIV that contains each sub menu*/
	padding: 5px;
	margin: 12px;
	height: auto;
	font: normal 12px Arial;
	/*Height that applies to all sub menu DIVs. A good idea when headers are toggled via "mouseover" instead of "click"*/
}
</style>

</head>

<body bgcolor="#eee">

	<div class="applemenu">
		<div class="silverheader">
			<a>Administración</a>
		</div>
		<div class="submenu">
			Configuraciones Generales<br />
			{% if '10000' in session["permisos"] %}
			<div class="submenu2">
				<a href="abmUsuario" target="mainFrame">Gestionar Usuarios<br /></a>
			</div>
			{% endif %}
			{% if '20000' in session["permisos"] %}
			<div class="submenu2">
				<a href="abmProyecto" target="mainFrame">Gestionar Proyectos<br /></a>
			</div>
			{% endif %}
			Configuraciones de Proyecto<br />
			{% if '30000' in session["permisos"] %}
			<div class="submenu2">
				<a href="abmRol" target="mainFrame">Gestionar Roles<br /></a>
			</div>
			{% endif %}
			{% if '40000' in session["permisos"] %}
			<div class="submenu2">
				<a href="adRolPorUsuario" target="mainFrame">Gestionar Usuarios del Proyecto<br />
				</a>
			</div>
			{% endif %}
			{% if '50000' in session["permisos"] %}
			<div class="submenu2">
				<a href="amComite" target="mainFrame">Gestionar Comité<br /></a>
			</div>
			{% endif %}
			{% if '60000' in session["permisos"] %}
			<div class="submenu2">
				<a href="consultas" target="mainFrame">Consultas<br />
				</a>
			</div>
			{% endif %}
		</div>

		<div class="silverheader">
			<a>Gestión de Cambios</a>
		</div>
		<div class="submenu">
			{% if '70000' in session["permisos"] %}
			<a href="gestionarFases" target="mainFrame">Gestionar Fases<br /></a>
			<br />
			{% endif %}
			{% if '80000' in session["permisos"] %}
			<a href="abmTipoItem" target="mainFrame">Gestionar Tipo Item<br /></a>
			<br />
			{% endif %}
			{% if '90000' in session["permisos"] %}
			<a href="abmLineaBase" target="mainFrame">Gestionar LB<br /></a>
			<br />
			{% endif %}
			{% if '11000' in session["permisos"] %}
			<a href="gestionarSolicitud" target="mainFrame">Gestionar SC<br /></a>
			<br />
			{% endif %}
			{% if '00052' in session["permisos"] %}
			<a href="calcularCosto" target="mainFrame">Calcular Costo Total<br /></a>
			<br />
			{% endif %}
			{% if '00053' in session["permisos"] %}
			<a href="calcularComplejidad" target="mainFrame">Calcular Complejidad Total<br /></a>
			<br />
			{% endif %}
			{% if '00024' in session["permisos"] %}
			<a href="inicializarProyecto" target="mainFrame">Inicializar Proyecto<br /></a>
			<br />
			{% endif %}
			{% if '00025' in session["permisos"] %}
			<a href="finalizarProyecto" target="mainFrame">Finalizar proyecto<br /></a>
			<br />
			{% endif %}
			{% if '16000' in session["permisos"] %}
			<a href="otrasConsultas" target="mainFrame">Consultas<br /></a>
			<br />
			{% endif %}
		</div>
		<div class="silverheader">
			<a>Desarrollo</a>
		</div>
		<div class="submenu">
		{% if '17000' in session["permisos"] %}
			<a  href="abmItem" target="mainFrame">Gestionar Item<br /></a> <br />
		{% endif %} 
		{% if '18000' in session["permisos"] %}
			<a href="generarSolicitud" target="mainFrame">Generar SC<br /></a> <br /> 
		{% endif %}
		{% if '00055' in session["permisos"] %}
			<a  href="itemsEnSC" target="mainFrame">Modificar Item por SC<br /></a> <br /> 
		{% endif %}
		<a  href="gestionarReportes" target="mainFrame">Reportes<br /></a> <br />
		</div>
	</div>
	{% if '10000' not in session["permisos"] %}
		<a href="configurarProyecto" width="100px"
		style="text-decoration:none"
		type="button" target="mainFrame">Seleccionar Proyecto<br /></a>
		<a href="configurarFase" width="100px"
		style="text-decoration:none"
		type="button" target="mainFrame">Seleccionar Fase<br /></a>
	{% endif %}
	<div id="leyenda" style="display:none">
	<img src='/static/leyenda.png'/>
	</div>
</body>
</html>
